<template>
	<view>
	<view v-if="lists!=0">
	    <image src="https://aliyunoss.hntgov.net/h5/foot_bj.png" mode="widthFix" style="width: 750rpx;"></image>
		<view style="width: 750rpx;border-radius: 20rpx 20rpx 0rpx 0rpx;background-color: #fff;position: absolute;top: 448rpx;">
			<view style="width: 630rpx;margin-left: 60rpx;position:relative;color: #3D3D3D;font-size: 30rpx;margin-top: 40rpx;font-weight: bold;margin-bottom: 20rpx;">
				<text>景区名称</text>
				<text style="right: 0rpx;position: absolute;">游玩时间</text>
			</view>
			
			 <view style="width: 630rpx;margin-left: 60rpx;position: relative;display:flex;align-items: center;" v-for="(item,index) in lists" :key="index">
				 <view class="foot_list_item">
					 <image src="https://aliyunoss.hntgov.net/h5/foot_icon.png"></image>
					 <view style="border-left: 2rpx dashed #D8D8D8;width: 2rpx;height: 100rpx;"></view>
				 </view>
				 <text style="color: #3D3D3D;font-size: 28rpx;margin-left: 50rpx;">{{item.resourceName}}</text>
				 <text style="color: #797979;position: absolute;right: 0rpx;font-size: 28rpx;">{{item.checkTime}}</text>
			 </view>
		</view>
	   
	</view>
	 <image v-else src="https://aliyunoss.hntgov.net/h5/foot_no_data.png" style="width: 520rpx;height: 578rpx;margin-left: 115rpx;margin-top: 140rpx;"></image>
	</view>
</template>

<script>
	var that=''
	export default{
		data(){
			return{
				lists:[]
			}
		},
		onLoad() {
			that=this
			this.cardCheckFootPrintListMethod()
		},
		onReady() {
			uni.setNavigationBarTitle({
				title: '我的出行足迹'
			})
		},
		methods:{
			cardCheckFootPrintListMethod(){
				this.$u.api.cardCheckFootPrintList().then(res => {
					that.lists=res
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.foot_list_item{
		display: flex;
		justify-content: center;
		height: 80rpx;
		image{
			width: 32rpx;
			height: 32rpx;
			position: absolute;
			top: 24rpx;
		}
	}
</style>